<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:layout="http://www.w3.org/1999/xhtml"
      layout:decorator="user/user_layout"
      th:with="flag='settled'">

<head>
    <title>商家入驻</title>
</head>
<div layout:fragment="content">
    <div class="main-register official settled">
        <div class="register-panel">
            <div class="caption">
                <h1>商家入驻</h1>
            </div>
            <div class="step-bar-container">
                <div class="step-progress">
                    <div class="bar" data-pointing="3" style="width: 0;"></div>
                </div>
                <ul class="steps">
                    <li data-current="true" data-step="1" class="current">
                        <div>
                            <div class="circle">
                                <i class="fa fa-check"></i>
                            </div>

                            <p>加入平台</p>
                        </div>
                    </li>
                    <li data-currrent="true" data-step="2" class="yet">
                        <div>
                            <div class="circle">
                                2
                            </div>

                            <p>完善资料</p>
                        </div>
                    </li>
                    <li data-current="true" data-step="3" class="yet">
                        <div>
                            <div class="circle">
                                3
                            </div>

                            <p>入驻成功</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="settle-tip" th:unless="${#lists.isEmpty(mallList)}">
                <span class="tip-legend">温馨提示:</span>您已入驻<ul>
                    <li th:each="mall : ${mallList}"><span th:text="${mall.name} + ',  '"/></li>
                </ul>
                <span>是否继续申请加入其它平台？</span>
            </div>

            <div class="settle-tip" th:if="${#lists.isEmpty(mallList)}">
                <span class="tip-legend">温馨提示：</span>您需要选择先加入一个平台
            </div>

            <table class="mall-table">
                <thead>
                <tr>
                    <td>平台 logo</td>
                    <td>名称</td>
                    <td>服务费率</td>
                    <td>选择</td>
                </tr>
                </thead>
                <tbody>
                <tr th:each="mall : ${page.data}">
                    <td><img th:src="${domainUploads}+${mall.logoPath}" alt=""/></td>
                    <td th:text="${mall.name}"></td>
                    <td th:text="${mall.serveRate}"></td>
                    <td>
                        <div class="circle" th:attr="data-mall-id=${mall.id}" th:classappend="${#lists.contains(joinMallIds, mall.id)} ? 'joined'">
                        </div>
                    </td>
                </tr>
                </tbody>
            </table>
            <div class="pagination">
                共<span th:text="${page.totalCount}"></span>条记录
                <a th:href="${page.prevUrl}">上一页</a>
                <span th:text="${page.pageNo + 1}"></span>
                /
                <span th:text="${page.totalPage}"></span>
                <a th:href="${page.nextUrl}">下一页</a>
            </div>
            <div class="btns">
                <a data-role="next" class="btn-rockcent" th:inline="text">下一步</a>
            </div>
        </div>
    </div>
</div>
</html>


